<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="btnMinus"> - </button>
		<span id="count">0</span>
		<button id="btnAdd"> + </button>
		<script>
		// DOM4步骤
		// 1查找触发事件的元素
		var btnAdd = document.getElementById("btnAdd");
		// 2绑定事件处理函数
		btnAdd.onclick=function(){
			//3查找要更改的元素
			var count = document.getElementById("count");
			//4修改元素
			let n  = parseInt(count.innerHTML);
			n++;
			count.innerHTML = n;//修改增加后的值
		}
		
		// 1查找触发事件的元素
		var btnMinus = document.getElementById("btnMinus");
		// 2绑定事件处理函数
		btnMinus.onclick=function(){
			//3查找要更改的元素
			var count = document.getElementById("count");
			//4修改元素
			let n  = parseInt(count.innerHTML);
			n--;
			count.innerHTML = n;//修改增加后的值
		}		
		
		</script>
	</body>
</html>
